<!doctype html>
<html>
	<head th:replace="/pc/common::head(~{::custom_settings})">
		<th:block th:fragment="custom_settings">
			<title>网吧食品经营监管系统</title>
			<link type="text/css" rel="stylesheet" th:href="@{{css}/pc/login/login.css(css=${css})}">
		</th:block>
	</head>
	
	<body>
		<script type="text/javascript">
			//避免IFRAME中打开登录页面的情况
			if (window != top) top.location.href = window.location.href;
		</script>
		
		<div class="wrap">
			<div class="logo"><img th:src="@{{image}/pc/login/login_logo.png(image=${image})}"></div>
			<div class="login">
				<div id="usernameContainer" class="user">
					<span>用户名：</span>
					<input id="username" type="text" placeholder="请输入用户名或手机号">
				</div>
				<div id="userphoneContainer" class="user hidden">
					<span>手机号：</span>
					<input id="userphone" type="text" placeholder="请输入手机号">
				</div>
				<div id="passwordContainer" class="password">
					<span>密　码：</span>
					<input id="password" type="password" placeholder="请输入密码">
				</div>
				<div class="code">
					<span>验证码：</span>
					<input id="vericode" type="text" placeholder="请输入验证码">
					<img id="codeimg" th:src="@{{ctx}/nr/vericode.xhtml(ctx=${ctx})}" onclick="onVericodeClick();" width="102" height="32">
					<div id="codebtn" class="hidden" onclick="onCodebtnClick();">获取验证码<label></label></div>
				</div>
				<div class="blank-holder hidden"></div>
				<div class="mode-switch"><span id="switchbtn" onclick="onModeSwitchClick();">验证码登录</span></div>
				<div class="fg">
					<input type="button" value="登　录" onclick="onLoginClick();">
					<input type="button" value="重　置" onclick="onResetClick();" class="btn">
				</div>
			</div>
		</div>
		
		<script type="text/javascript" th:src="@{{js}/pc/login/login.js(js=${js})}"></script>
	</body>
</html>
